@import "app";

.order-list {
  height: 99vh; // 高度

  .order-item {
    border: 1rpx solid $white; // 边框
    background: $bg-gray; // 背景
    box-sizing: border-box; // 盒模型
    padding: 15rpx; // 内边距
    margin: 20rpx; // 外边距

    .title {
      padding-bottom: 20rpx; // 内边距
      font-size: small; // 字体大小

      .left {
        color: $orange; // 颜色
        text-align: left; // 文本对齐
      }

      .right {
        color: $gray; // 颜色
        text-align: right; // 文本对齐
      }
    }

    .body {

      .van-card {
        color: $white; // 颜色
        background: $bg-gray; // 背景
        border: 2rpx solid $black; // 边框
        border-radius: 15rpx; // 圆角
        box-shadow: 3rpx 3rpx 3rpx $black; // 阴影
        margin-bottom: 20rpx; // 外边距
      }

      .van-card__content {
        padding-left: 30rpx; // 内边距
        text-align: left; // 文本对齐
      }

      .van-card__title {
        font-size: large; // 字体大小
        margin-bottom: 10rpx; // 外边距
        color: $yellow; // 颜色
      }

      .van-card__price {
        color: $orange; // 颜色
      }

      .van-card__thumb {
        width: 220rpx; // 宽度
      }
    }

    .foot {
      padding: 30rpx 0 30rpx 30rpx; // 内边距

      .pay-amount {
        margin-bottom: 30rpx; // 外边距
        color: $white; // 颜色
        text-align: right; // 文本对齐

        .small {
          font-size: small; // 字体大小
        }
      }

      .left {
        text-align: left; // 文本对齐
        line-height: 80rpx; // 行高
        color: $gray; // 颜色
      }

      .right {
        text-align: right; // 文本对齐

        .van-button {
          background-color: transparent; // 背景
          border-radius: 15rpx; // 圆角
          font-size: large; // 字体大小
          line-height: 50rpx; // 行高
        }
      }
    }
  }
}